<script>
export default {
    data() {
        return {
            selectedKeys: ['1']
        }
    },
    methods: {
        handleItemClick(url) {
            this.$router.push({ path: url })
        }
    }
};

</script>

<template>
    <a-layout-header>
        <div class="logo" />
        <a-menu theme="dark" mode="horizontal" v-model:selectedKeys="selectedKeys" :style="{ lineHeight: '64px' }">
            <a-menu-item key="1" @click="handleItemClick('/grade')">年级</a-menu-item>
            <a-menu-item key="2" @click="handleItemClick('/subject')">课程</a-menu-item>
            <a-menu-item key="3" @click="handleItemClick('/student')">学生</a-menu-item>
        </a-menu>
    </a-layout-header>
    <RouterView />
</template>

<style scoped></style>
